<template>
  <div id="app">
   <el-row class="box">
     <el-col :span="8">
       <div class="bg-pink"></div>
     </el-col>
     <el-col :span="8">
       <div class="bg-lightgreen"></div>
     </el-col>
     <el-col :span="8">
       <div class="bg-pink"></div>
     </el-col>
   </el-row>
  </div>
</template>

<script>


export default {
  name: 'App',
  components: {
    
  }
}
</script>

<style lang="less" >
#app {
  .box {
    width: 100%;
    height: 20px;
    .bg-pink{
      widows: 100%;
          height: 20px;
      background-color: pink;
    }
    .bg-lightgreen {
      widows: 100%;
          height: 20px;
      background-color: lightgreen;
    }
  }

}
</style>
